<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>XXXXXX管理平台 - 角色管理</title>
<%@ include file="../taglibs.jsp"%>
<script type="text/javascript">
	// 根菜单ID
	var baseMenuId = ${baseMenuId};
</script>
<script src="${js }/location/system/role.js" type="text/javascript"></script>

</head>
<body>
	<!-- 角色列表 -->
	<div style="padding: 10px; float: left;">
		<div id="rolePanel"><table id="roleDatagrid"></table></div>
	</div>
	
	<!-- 角色信息 -->
	<div style="padding: 10px; float: left;">
		<!-- 明细信息 -->
		<div id="roleDetailPanel">
			<div class="easyui-tabs" data-options="fit:true, border:false">
				<div title="菜单"><table id="menuTreegrid"></table></div>
				<div title="Tab2">tab2cccccccccc</div>
			</div>
		</div>
		<!-- 关联角色信息 -->
		<div id="roleUserPanel">
			<table id="userDatagrid"></table>
		</div>
	</div>

	<div id="roleDiv">
		<form id="roleForm" method="post">
			<input type="hidden" name="roleId" />
			<div class="divRow">
				<p>角色名称:</p>
				<span class="divCeil"><input name="roleName" class="easyui-validatebox" data-options="required: true" /></span>
			</div>
			<div class="divRow">
				<p>角色别名:</p>
				<span class="divCeil"><input name="roleAlias" class="easyui-validatebox" data-options="" /></span>
			</div>
		</form>
	</div>
	<div id="roleMenuDiv">
		<form id="roleMenuForm" method="post">
			<ul id="roleMenuTree"></ul>
		</form>
	</div>
</body>
</html>
